<template>
  <div id="app">
    <router-view/>
    <loading v-if="getLoading"></loading>
  </div>
</template>

<script>
import { mapGetters, mapActions } from "vuex";
import loading from "./components/Common/Loading";
export default {
  name: "App",
  mounted:function(){
    // 还是js的方法好用，CSS就是一坨屎
      let app = document.getElementById('app');
      app.style.height = Math.max(
                                      document.documentElement.clientHeight,
                                      window.innerHeight
                                  ) + 'px';
      console.log(document.documentElement.clientHeight);
      console.log(window.innerHeight);
  },
  components: {
    loading
  },
  computed: {
    ...mapGetters(["getLoading"])
  }
};
</script>

<style>
* {
  margin: 0px;
  padding: 0px;
}
/* #app {
  height: 100vh;
} */
</style>
